<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <title>管理</title>
    <link rel="stylesheet" href="../../frame/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../css/public_style.css"/>
    <link rel="stylesheet" href="../../css/alarm/alarm-setup-add.css"/>
    <style>
        .search .time-line{width:20px !important;line-height:40px;text-indent:3px}
        .layui-tab-title{
            padding-left: 20px;
        }
        .table_div {
            border: none;
            margin: 0px 15px 15px 15px;
        }
        .search{
            margin-bottom: 20px;
        }
        .search .item_box {
            padding: 0 16px;
        }
        .alarm-setup-add{

        }
        .alarm-setup-add .layui-tab-title{
            padding-left: 20px;
        }
        .alarm-setup-add .layui-tab-content{
            padding: 10px 0 0;
        }
        .alarm-setup-add .main{
            padding:0 20px;
            margin: 0;
        }
        .alarm-setup-add .arrow-right,.alarm-setup-add .arrow-left{
            display: block;
            margin: 0 auto 30px;
            cursor: pointer;
        }
        .datas{
            text-align: left;
        }
        .datas .layui-form-radio{
            display: inline-block;
        }
        .datas-box{
            display: inline-block;
            width: 200px;
        }
        .layui-line{
            margin-top: 20px;
        }
        .btn-box{
            text-align: center;
            margin-top: 20px;
        }
        .radio-box{
            width: 640px;
            margin: auto;
        }
        .main-title-t{
            font-family: PingFangSC-Medium;
            font-size: 24px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 28px;
            color: #303133;
            margin-top: 20px;
        }
    </style>
</head>
<body class="body">
<span class="layui-breadcrumb">
        <a>
            <!--<img src="../../frame/static/image/icon-local.png"/>-->
            <cite>当前位置：告警</cite>
            <span class="layui-box">&gt;</span>
        </a>
        <a>
            <cite>告警设置</cite>
        </a>
    </span>
<div class="main">
    <div class="alarm-setup-add">
        <!--<div class="layui-tab" lay-filter="tab_event">-->
            <!--<ul class="layui-tab-title tab_card">-->
                <!--<li class="layui-this" data-type="1">生效基站</li>-->
                <!--<li data-type="2">告警类型</li>-->
                <!--<li data-type="2">告警级别</li>-->
                <!--<li data-type="2">故障时间</li>-->
            <!--</ul>-->
            <!--<div class="layui-tab-content" >-->
                <div class="main">
                    <form class="layui-form" action="">
                        <div class="layui-tab-item layui-show">
                            <div class="search">
                                <div class="layui-form-item">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">自动确认模板名称：</label>
                                        <div class="layui-input-inline" >
                                            <input type="text" name="taskName" placeholder="请输入"  class="layui-input">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-xs5 layui-col-sm5 layui-col-md5 layui-col-box">
                                    <div class="table_div">
                                        <h4 class="main-title">基站列表</h4>
                                        <div style="margin-top: 20px;">
                                            <form class="layui-form" action="">
                                                <div class="layui-form-item">
                                                    <div class="layui-inline" >
                                                        <!--<label class="layui-form-label">设备组：</label>-->
                                                        <div class="layui-input-inline" style="width: 100px">
                                                            <select name="deviceGroupId" id="deviceGroupId">
                                                                <option value="">全部</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="layui-inline">
                                                        <div class="layui-input-inline">
                                                            <input type="text" name="search" placeholder="请输入基站编码或基站名称" class="layui-input">
                                                        </div>
                                                    </div>
                                                    <div class="layui-inline">
                                                        <button type="button" class="layui-btn search-btn" lay-submit="" lay-filter="search"  name="search">
                                                            <img src="../../frame/static/image/magnifier.png" alt="" >查询
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <table id="dataTable_left_add" lay-filter="dataTable"></table>
                                    </div>
                                </div>
                                <div class="layui-col-xs1 layui-col-sm1 layui-col-md2">
                                    <div style="margin: 160px auto 0;">
                                        <div>
                                            <img class="arrow-right" src="/frame/static/image/arrow-right.png" alt="">
                                        </div>
                                        <div>
                                            <img class="arrow-left" src="/frame/static/image/arrow-left.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs5 layui-col-sm5 layui-col-md5 layui-col-box">
                                    <div class="table_div">
                                        <h4 class="main-title">已选择基站</h4>
                                        <div style="display: block;height: 75px;">
                                        </div>
                                        <table id="dataTable_right_add" lay-filter="dataTable"></table>
                                    </div>
                                </div>
                            </div>
                            <div class=" ">
                                <div class="operator main-content" style="margin:12px 0 0 0">
                                    <div class="search ">
                                        <h4 class="main-title-t">
                                            已选择基站
                                        </h4>
                                        <div class="radio-box">
                                            <div class="datas layui-line">
                                                <input type="radio" name="executeType" lay-filter="executeType" value="1" title="立即执行">
                                                <div style="margin-left: 230px;display: inline-block;">
                                                    <input type="radio" name="executeType" lay-filter="executeType" value="3" title="挂起">
                                                </div>
                                            </div>
                                            <div class="datas">
                                                <input type="radio" name="executeType" lay-filter="executeType" value="2" title="定时执行" >
                                                <input type="text" name="preExecuteTime" autocomplete="off" class="layui-input layui-input-icon datas-box" id="startTime">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="btn-box">
                                    <button type="button" class="layui-btn" lay-submit lay-filter="submit" >确认</button>
                                    <button type="button" class="layui-btn layui-btn-primary closeBox">取消</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
</div>
</body>
<!--操作模板-->
<script type="text/html" id="barOption">
    <a class="yellow" lay-event="dalete" style="color: red">删除</a>
</script>
<script type="text/javascript" src="../../frame/layui/layui.js"></script>
<script type="text/javascript" src="../../js/index.js"></script>
<script type="text/javascript" src="../../js/alarm/alarm-setup-add.js"></script>

</html>

